import styled from 'styled-components';

export const PaginationWrapper = styled.div`
  .pagination {
    margin:  30px 0;
    text-align: center;

    /**上/下页按钮样式 */
    .control {
      width: 69px;
      height: 24px;
      line-height: 22px;
      border: 1px solid #ccc;
      border-radius: 2px;
      margin: 0 5px;
      color: #333;

      &:disabled {
        color: #999;
      }
    }

    /**页码样式 */
    .ant-pagination-item {
      border: 1px solid #ccc !important;
      margin: 0 5px;
      border-radius: 3px;

      a {
        font-size: 12px;
      }

      &:hover {
        a {
          color: #333;
        }
      }
      &.ant-pagination-item-active {
        background-color: #c20c0c;
        /* border-color: #A2161B; */
        border: none !important;
        a {
          color: #fff;
        }
      }
    }

    /* 快速跳转至某页样式 */
    .ant-pagination-jump-prev:hover, .ant-pagination-jump-next:hover  {
      .ant-pagination-item-link-icon {
        color: #bfbfbf !important;
      }
    }

  }
`